<%= render "navbar"%>

<div class="vip_banner">
  <img src="http://7i7g8l.com1.z0.glb.clouddn.com/c077c43b9453c54206f52291141ec0b6e967e295-a2ac05db1dd05c2e7f5afea0425a5d7d8a634146.jpg" alt="vip_banner_img" class="vip_banner_img">
</div>

<!-- <div class="vip_profile">
  <span class="avatar" style="background-image: url('http://7i7g8l.com1.z0.glb.clouddn.com/692aba4e48763b27cfa71a579a86a31d20a9b0cf-cdea879f38477d779e1f5cce0535d8b144241804.png')"></span>
  <h4 class="name">Angelbaby</h4>
  <div class="container">
    <div class="row">
      <div class="col-md-4 col-xs-12 info">收藏课程<span class="num">8</span></div>
      <div class="col-md-4 col-xs-12 info">会员卡剩余次数<span class="num">8</span></div>
      <div class="col-md-4 col-xs-12 info">距离有效天数<span class="num">8</span></div>
    </div>
  </div>
</div> -->

<div class="vip_desc container">
  <h2>你还等什么！</h2>
  <p>西瓜会员卡是集宁波各类兴趣课程于一体的消费型会员卡。</p>
  <p>凭此卡可以免费预约参加各种优惠课程。</p>
  <p>不论是情侣约会，还是基友玩耍，在西瓜会员卡里都有你想要的好去处！</p>
  <p>这是一张无所不能的卡，只有你想不到，没有我们做不到！</p>
  <a href="#" class="buy_button">立即购买</a>
  <div class="row">
    <div class="col-md-4 col-xs-12 card_prize">
      <span class="prize">100元</span>
      <span class="remark">可购买3次课程</span>
      <a href="#" class="buy">购买</a>
    </div>
    <div class="col-md-4 col-xs-12 card_prize">
      <span class="prize">300元</span>
      <span class="remark">可购买12次课程</span>
      <a href="#" class="buy">购买</a>
    </div>
    <div class="col-md-4 col-xs-12 card_prize">
      <span class="prize">500元</span>
      <span class="remark">可购买无限次课程</span>
      <a href="#" class="buy">购买</a>
    </div>
  </div>
</div>

<div class="vip_class_classify container">
  <h2>课程展示</h2>
  <div class="classify_item">
    <span class="item active">课程分类</span>
    <span class="item">摄影</span>
    <span class="item">摄影</span>
    <span class="item">摄影</span>
    <span class="item">摄影</span>
    <span class="item">摄影</span>
    <span class="item">摄影</span>
  </div>
  <div class="class_sort">
    <span class="item active">最新</span>
    <span class="item">最热</span>
  </div>
</div>

<div class="vip_class_container container">
  <div class="row">
  <% 10.times.each do |i| %>
    <div class="col-md-4 col-xs-12 class_item">
      <img src="http://7i7g8l.com1.z0.glb.clouddn.com/692aba4e48763b27cfa71a579a86a31d20a9b0cf-cdea879f38477d779e1f5cce0535d8b144241804.png" alt="">
      <h3 class="class_title">钢琴</h3>
      <p class="class_addr">地址：宁波市海宁波市海曙曙</p>
      <a href="#" class="class_buy">购买一次</a>
      <a href="#" class="class_consult">咨询</a>
    </div>
  <% end %>
  </div>
  <div class="vip_pagination">
    <a href="#" class="item">首页</a>
    <a href="#" class="item">上一页</a>
    <a href="#" class="item active">1</a>
    <a href="#" class="item">2</a>
    <a href="#" class="item">下一页</a>
    <a href="#" class="item">尾页</a>
  </div>
</div>
